<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评价表</title>
	<style>
				div#a{
					width: 900px;
					height: 200px;
					border: 1px solid #e0e0e0;
				}
				div#b{
					width: 650px;
					height: 1px;
					background-color: #dadada;
					margin: 50px auto;
				}
				div#c{
					width: 705px;
					height: 60px;
					background-color: #ffffff;
					overflow: hidden;
					
				}
				div#d a{
					width: 25px;
					height: 25px;
					border: 1px solid #dadada;
					border-radius: 15%;
					margin: 7px;
					display: inline-block;
					text-align: center;
				}
				div#e a:hover{
					border: 1px solid #ffffff;
				}
			</style>
		</head>
		<body>
			<div id="a">
			   <div id="b">
			   </div>
			</div>
			<div id="c">
			<div id="d">
				<a href=" ">1</a >
				<a href="#">2</a >
				<a href="#">3</a >
				<a href="#">4</a >
				<a href="#">5</a >
				<a href="#">6</a >
			</div>
			</div>
		</body>
	</html>